<template>
  <div class="app-container">
    <div>
      <el-form :inline="true" :model="presentlist" class="demo-form-inline">
        <el-form-item label="归属点">
          <el-select placeholder="请输入归属点" v-model="presentlist.acptsiteid">
            <!--需要添加v-model绑定数据 v-model="formInline.acptsiteid"-->
            <el-option label="全部" value="全部"></el-option>
            <el-option label="联通" value="联通"></el-option><!--value-->
            <el-option label="移动" value="移动"></el-option>
            <el-option label="电信" value="电信"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div>
      <!-- banner列表 -->
      <template>
        <el-table :data="presentlist" style="width: 100%"><!--v-loading="loading"-->
          <el-table-column prop="giftcode" label="礼品编码" width="180"></el-table-column>
          <el-table-column prop="acptsiteid" label="归属点" width="180"></el-table-column>
          <el-table-column prop="stocknum" label="库存数量"></el-table-column>
          <el-table-column prop="totalnum" label="入库数量"></el-table-column>
          <el-table-column prop="last_in" label="最后入库数量"></el-table-column>
          <el-table-column prop="obtainnum" label="领取数量"></el-table-column>
          <el-table-column prop="areaid" label="地区编码"></el-table-column>
          <el-table-column fixed="right" label="操作" width="200">
            <template slot-scope="scope">
              <el-button @click="handleClick(scope.row)" type="primary" icon="el-icon-edit" size="small">编辑</el-button>
              <el-button type="danger" icon="el-icon-delete" size="small">删除</el-button>
            </template>
          </el-table-column>
          <!-- 分页 -->
          <el-pagination
              :current-page="current"
              :page-size="limit"
              :total="total"
              style="padding: 30px 0; text-align: center;"
              layout="total, prev, pager, next, jumper"
              @current-change="getList"
          />
        </el-table>
      </template>
    </div>
  </div>
</template>
<!--<style>
  body {
    margin: 0;
  }
</style>-->
<script>
export default {
  data() {
    return {
      presentlist: [{
        giftcode: '01',//礼品编码
        acptsiteid: '联通',//归属点
        stocknum: '100',//库存数量
        totalnum: '100',//入库数量
        last_in: '10',//最后入库数量
        obtainnum: '50',//领取数量
        areaid: '010101'//地区编码

      }, {
        giftcode: '02',//礼品编码
        acptsiteid: '移动',//归属点
        stocknum: '10',//库存数量
        totalnum: '40',//入库数量
        last_in: '10',//最后入库数量
        obtainnum: '40',//领取数量
        areaid: '010101'//地区编码
      }, {
        giftcode: '01',//礼品编码
        acptsiteid: '联通',//归属点
        stocknum: '100',//库存数量
        totalnum: '100',//入库数量
        last_in: '10',//最后入库数量
        obtainnum: '50',//领取数量
        areaid: '010101'//地区编码
      }, {
        giftcode: '01',//礼品编码
        acptsiteid: '联通',//归属点
        stocknum: '100',//库存数量
        totalnum: '100',//入库数量
        last_in: '10',//最后入库数量
        obtainnum: '50',//领取数量
        areaid: '010101'//地区编码
      }],
      loading: true
    }
  }
}
</script>
